<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>审核</title>
    <link rel="stylesheet" type="text/css" media="screen" href="css/mui.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/timepicker.css" />
    <script type="text/javascript" src="js/flexible.js"></script>
    <script type="text/javascript" src="js/mui.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/timepicker.js"></script>
</head>
<body>
<div class="back-header">
        <div class="header-img"><i class="mui-icon mui-icon-arrowleft"></i></div>
        <div class="header-txt">审核</div>
        <div class="header-right-txt"><i class="mui-icon mui-icon-bars"></i></div>
</div>
<div class="right-hidden"></div>
<div class="right-contents">
        <div class="back-header">
                <div class="header-img ts-txt">取消</div>
                <div class="header-right-txt">确定</div>
        </div>
        <div class="search-title">开始批量审核</div>
        <div class="search-list">
            <div class="search-what">选择类别</div>
            <ul>
                <li>类别1</li>
                <li>类别1</li>
                <li>类别1</li>
                <li>类别1</li>
                <li>类别1</li>
                <li>类别1</li>
                <li>类别1</li>
                <li>类别1</li>
            </ul>
        </div>
        <div class="search-list">
                <div class="search-what">选择时间</div>
                <div class="timer-picker">
                    <input type="text" name="start_date" id="start_date" placeholder="起始时间" readonly="readonly" />
                    至
                    <input type="text" name="end_date" id="end_date" placeholder="结束时间" readonly="readonly" />
                </div>
        </div>
        <div class="search-list">
                <div class="search-what">申请人</div>
                <div class="timer-picker">
                    <select><option>申请人1</option><option>申请人2</option></select>
                </div>
        </div>
</div>
<nav class="mui-bar mui-bar-tab">
        <a class="mui-tab-item mui-active" href="./index.html">
            <span class="nav-ico gzt"><!-- <span class="mui-badge">9</span>> --></span><br />
            <span class="mui-tab-label">未审核</span>
        </a>
        <a class="mui-tab-item" href='./member.html'>
            <span class="nav-ico member"><!-- <span class="mui-badge">9</span>> --></span><br />
            <span class="mui-tab-label">已审核</span>
        </a>
        <a class="mui-tab-item">
            <span class="nav-ico  txl"><!-- <span class="mui-badge">9</span>> --></span><br />
            <span class="mui-tab-label">相关</span>
        </a>
    </nav>
<script>
    $('.header-right-txt i').click(function(){
        $('.right-hidden').stop().animate({right:0},'fast');
        $('.right-contents').stop().animate({right:0},'fast')
    })
    $('.right-hidden').click(function(){
        $('.right-hidden').stop().animate({right:'-100%'},'fast');
        $('.right-contents').stop().animate({right:'-70%'},'fast');
        $('.search-list ul li').removeClass('active');
    })
    $('.search-list ul li').click(function(){
        $(this).toggleClass('active')
    })
    var calendar = new LCalendar();
		calendar.init({
			'trigger': '#start_date', //标签id
			'type': 'date', //date 调出日期选择 datetime 调出日期时间选择 time 调出时间选择 ym 调出年月选择,
			'minDate': (new Date().getFullYear()-3) + '-' + 1 + '-' + 1, //最小日期
			'maxDate': (new Date().getFullYear()+3) + '-' + 12 + '-' + 31 //最大日期
		});
		var calendar = new LCalendar();
		calendar.init({
			'trigger': '#end_date', //标签id
			'type': 'date', //date 调出日期选择 datetime 调出日期时间选择 time 调出时间选择 ym 调出年月选择,
			'minDate': (new Date().getFullYear()-3) + '-' + 1 + '-' + 1, //最小日期
			'maxDate': (new Date().getFullYear()+3) + '-' + 12 + '-' + 31 //最大日期
		});

</script>
</body>
</html>